<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset={{ _charset }}"/>
        <meta name="robots" content="noindex,nofollow" />
        
        <!-- znacznik meta dla responsive -->
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        
        <title>{% block title %}Responsive Views{% endblock %}</title>
        <link rel="shortcut icon" href="{{ asset('xfavicon.ico') }}" />
        <link href="{{ asset('bundles/applicationtools/css/reset.css') }}" rel="stylesheet" type="text/css" media="all" />
        <link href="{{ asset('bundles/applicationtools/css/text.css') }}" rel="stylesheet" type="text/css" media="all" />
        <link href="{{ asset('bundles/applicationtools/css/layout.css') }}" rel="stylesheet" type="text/css" media="all" />
        <link href="{{ asset('bundles/applicationtools/css/nav.css') }}" rel="stylesheet" type="text/css" media="all" />
        <link href="{{ asset('bundles/applicationtools/css/grid_fluid.css') }}" rel="stylesheet" type="text/css" media="all" />
        <link href="{{ asset('bundles/applicationtools/css/34gs.css') }}" rel="stylesheet" type="text/css" media="all" />
        <link href="{{ asset('bundles/applicationtools/css/34gs-queries.css') }}" rel="stylesheet" type="text/css" media="all" />
        
        
        <!--[if IE 6]><link href="{{ asset('bundles/applicationtools/css/ie6.css') }}" rel="stylesheet" type="text/css" media="all" /><![endif]-->
        <!--[if IE 7]><link href="{{ asset('bundles/applicationtools/css/ie.css') }}" rel="stylesheet" type="text/css" media="all" /><![endif]-->
        {% block jquery_version %}
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
        {% endblock %}
        
            {# FancyBox and jScrollPane#}
            <script src="{{ asset('bundles/applicationtools/js/jquery.mousewheel-3.0.6.pack.js') }}" type="text/javascript"></script>
            <script src="{{ asset('bundles/applicationtools/js/jquery-fluid16.js') }}" type="text/javascript"></script>
            <script src="{{ asset('bundles/applicationtools/js/responsive_views.js') }}" type="text/javascript"></script>
        

    </head>
    <body>

        <div class="responsive_views">
            <a href="#" class="view desktop active" title="View Desktop Version"><span></span>DESKTOP 100%</a>
            <a href="#" class="view tablet_landscape" title="View Tablet Landscape (1024x768)"><span></span>TABLET LANDSCAPE 1024px <!-- (970px) --></a> 
            <a href="#" class="view tablet_portrait" title="View Tablet Portrait (768x1024)"><span></span>TABLET PORTRAIT 768px <!-- (750px) --></a>
            <a href="#" class="view mobile_landscape" title="View Mobile Landscape (480x320)"><span></span>MOBILE LANDSCAPE 480px</a>
            <a href="#" class="view mobile_portrait" title="View Mobile Portrait (320x480)"><span></span>MOBILE PORTRAIT 320px</a>
            <div class="clear"></div>
        </div>
        <div class="clear"></div>
            
        <iframe id="iframe" width="100%" height="100%" frameborder="0" src="http://source.localhost/"></iframe>

    </body>
</html>
